<?php
	session_start();
	include("/var/www/html/vivencias/conexaoBD.php");

	if (isset($_SESSION['idUltimaMsgChat'])) {
		unset($_SESSION['idUltimaMsgChat']);	
	}
	//Setando que a pessoa esta online no chat
	if($_GET['online']){//Qd a pessoa sai de chat.php e entra em chatMensagens.php
		//Verificando se aquela pessoa nao foi desconectada do chat para naum ser inserida mais de uma vez
		$queryVerifica     = "SELECT * FROM chatUsuariosOnline WHERE idUsuario='".$_SESSION['idUsuario']."' AND idCurso='".$_SESSION['idCurso']."'";
		$resultadoVerifica = mysql_query($queryVerifica,$conexao);
		if(!mysql_num_rows($resultadoVerifica)){
			$queryUsuariosOnline     = "INSERT INTO chatUsuariosOnline (idUsuario,idCurso, dataHora) VALUES ('".$_SESSION['idUsuario']."','".$_SESSION['idCurso']."', now())";
			$resultadoUsuariosOnline = mysql_query($queryUsuariosOnline,$conexao);
			if(!$resultadoUsuariosOnline){
				die('Erro: ' . mysql_error());
			}
		}
		else {
			$queryUsuariosOnline     = "UPDATE chatUsuariosOnline SET dataHora = NOW();";
			$resultadoUsuariosOnline = mysql_query($queryUsuariosOnline,$conexao);
			if(!$resultadoUsuariosOnline){
				die('Erro: ' . mysql_error());
			}
		}
	}
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 
		<title>
			Chat Viv&ecirc;ncias
		</title>
<link href="vivencias.css" rel="stylesheet" type="text/css">

		<style type="text/css">
			html, body, div, h1, p, a, img, form, textarea, span {
				margin: 	0px;
				border:		0px;
				padding:	0px;
			}
			
			#divTudo {
				width:		550px;
				margin:		auto;
				margin-top:	10px;
			}
			
			#divSuperior {
				background-color:	#d5e1ee;
				padding:			5px;
			}
			
			#divAviso {
				text-align:			center;
			}
			
			#divBarraTitulo {
				overflow:			hidden;
				background-color:	#83b3e3;
				border-top:		2px solid white;
				border-left:		1px solid white;
				border-right:		1px solid white;
			}
			
			#tituloChat {
				float:		left;
				margin-top:	5px;
				margin-left:	5px;
			}
			
			#imgFechar {
				display:		block;
				width:			21px;
				height:			21px;
				margin:			5px;
				background-color:	blue;
			}
			
			#fecharJanela {
				float:		right;
			}
			
			.divInteriorEnviar {
				border:		1px solid white;
				padding:	5px;
				overflow:	hidden;
			}
			
			#btnEnviar {
				
				float:	left;
			}
			
			#spanUsuariosOnline {
				display:	block;
				float:		right;
				
				text-align:	right;
			}
			
			#divComentarios {
				margin-top:	10px;
				height:		300px;
				overflow:	scroll;
			}
			
			#tituloComentarios {
				display:			block;
				background-color:	#83b3e3;
				padding:		5px;
				margin-top:		10px;
			}
			
			.divCaixaComentario {
				margin-bottom:	10px;			
			}
			.divTextoComentario {
				background-color:	#d5e1ee;
				padding:			5px;
				border-bottom:		1px solid #FFFFFF;
			}
			
			.divHoraComentario {
				background-color:	#abc9e6;
				padding:			5px;
			}

			.textAreaMensagem {
				border: 1px solid #000000;			
			}
		</style>

		<script type="text/javascript">
		<!--
			//Entre com os Scripts aqui.
			var req;
			//var numMensagens = 0;
			var intervalo = setInterval("document.getElementById('divComentarios').scrollTop += 1000000;", 1000);

			function mostraGeral () {
				// only if req shows "loaded"
				if (req.readyState == 4) {
					// only if "OK"
					//if (req.status == 200) {
						// ...processing statements go here...
						//document.getElementById("usuarios").innerHTML = req.responseXML;
						//alert(req.responseXML.getElementsByTagName("usuarios")[0].childNodes[0].nodeValue);
						var usuarios	= req.responseXML.getElementsByTagName("usuarios")[0];
						var nomes		= "";
						var mensagens	= req.responseXML.getElementsByTagName("mensagens")[0];

						/*for (var i = 0; i < usuarios.childNodes.length; i++) {
							var nome	= "";

							nome = usuarios.childNodes[i].childNodes[0].nodeValue;
							nomes += nome + "br";
						}
						

						document.getElementById("usuarios").innerHTML = nomes;*/
						var numUsuarios = usuarios.childNodes.length;
						document.getElementById("numUsuarios").innerHTML = numUsuarios;

						for (var i = 0; i < mensagens.childNodes.length; i++) {
							var mensagem	= mensagens.childNodes[i];
							
							var texto	= mensagem.getElementsByTagName('corpo')[0].childNodes[0].nodeValue;
							var remetente	= mensagem.getElementsByTagName('remetente')[0].childNodes[0].nodeValue;
							var dataHora	= mensagem.getElementsByTagName('dataHora')[0].childNodes[0].nodeValue;
							var divCaixaComentario	=	document.createElement("div");
							divCaixaComentario.className	=	"divCaixaComentario";
							
							var divTextoComentario	=	document.createElement("div");
							divTextoComentario.className	=	"divTextoComentario";
							
							var pTexto		=	document.createElement("p");
							pTexto.className	=	"texto";
							pTexto.innerHTML		=	texto;

							divTextoComentario.appendChild(pTexto);
					
							var divHoraComentario	=	document.createElement("div");
							divHoraComentario.className	=	"divHoraComentario";
							
							var pHora		=	document.createElement("p");
							pHora.className	=	"texto2";
							pHora.innerHTML		=	remetente + " em " + dataHora;

							divHoraComentario.appendChild(pHora);

							divCaixaComentario.appendChild(divTextoComentario);
							divCaixaComentario.appendChild(divHoraComentario);
							
							document.getElementById("divComentarios").appendChild(divCaixaComentario);
							//numMensagens++;
						}
						setTimeout("loadXMLDoc('chatControle.php', '');", 500);
					//} else {
					//	alert("There was a problem retrieving the XML data:\n" + req.statusText);
					//}
				}
			}

			function geraParam (obj) {
				var param = "";

				param = "mensagem=" + encodeURI(document.getElementById("mensagem").value);
				limpaCaixa();
				loadXMLDoc("chatControle.php", param);
			}

			function limpaCaixa () {
				document.getElementById("mensagem").value = "";
			}


			function loadXMLDoc(url, parametros) {
				req		= false;
				// branch for native XMLHttpRequest object
				if(window.XMLHttpRequest && !(window.ActiveXObject)) {
					try {
						req = new XMLHttpRequest();
					} catch(e) {
						req = false;
					}
				// branch for IE/Windows ActiveX version
				} else if(window.ActiveXObject) {
					try {
						req = new ActiveXObject("Msxml2.XMLHTTP");
					} catch(e) {
						try {
							req = new ActiveXObject("Microsoft.XMLHTTP");
						} catch(e) {
							req = false;
						}
					}
				}
				if(req) {
					req.onreadystatechange = mostraGeral;
					req.open("POST", url, true);
					req.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
					req.setRequestHeader("Content-length", parametros.length);
					req.setRequestHeader("Connection", "close");
					req.send(parametros);
				}
				else {
					alert("Seu navegador nao suporta AJAX!");
				}
			}
		//-->
		</script>
	</head>
	<body>
		<div id='divTudo'>
			<div id='divSuperior'>
				<div id='divAviso'>
					<p class="texto2">
						<strong>
						Por favor, para sair do chat, utilize o bot&atilde;o de fechar abaixo. N&Atilde;O utilize o bot&atilde;o do seu navegador ou algum atalho.
						</strong>
					</p>
				</div>
				<div id="divEnviarComentario">
					<form action="insereMensagemChat.php" method="post" onsubmit="javascript:geraParam(this.parentNode); return false;">
						<div id="divBarraTitulo">
							<h1 id="tituloChat" class="ativo">
								Chat
							</h1>
							<p id="fecharJanela">
								<a href="javascript:void(null);" onclick="location.href='chatDeslogaUsuario.php';window.close();"><img id='imgFechar' src="imagens/x.jpg" width="21" height="21" border="0"></a>
							</p>
						</div>
						<div class="divInteriorEnviar">
							<p class="texto2">
							<strong>Enviar coment&aacute;rio</strong>
							</p>
						</div>
						<div class="divInteriorEnviar">
							<textarea class='textAreaMensagem' id='mensagem' name="mensagem" cols="45" rows="5"></textarea>
						</div>
						<div class="divInteriorEnviar">
							<input id="btnEnviar" type="submit" name="Submit" value="Enviar" />
							<span id="spanUsuariosOnline">
								<a href="javascript:void(0)" class="texto2" onclick="javascript:window.open('chatUsuariosOnline.php','teste2','toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,width=320,height=350');">
									<!-- INSERIR USUARIOS ONLINE AQUIIIIIII!!!!!!-->
									<strong>
										<span id='numUsuarios'>
										</span>
										Usu&aacute;rio(s) Online
									</strong>
								</a>
							</span>
						</div>
					</form>
				</div>
			</div>
			<h1 id="tituloComentarios" class='titsub'>
				Coment&aacute;rios
			</h1>
			<div id="divComentarios">
				
			</div>
		</div>
		<script type="text/JavaScript">
		<!--
			loadXMLDoc("chatControle.php", "");
		-->
		</script>
	</body>
</html>
